<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>目的地</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <link rel="stylesheet" href="resource/css/vj-weui.css"/>
    <link rel="stylesheet" href="resource/css/style.css"/>
</head>
<body ontouchstart class="bg-color">
<div class="weui-tab">
    <div class="swiper-container">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide">
                <div class="destination-nav">
                    <div class="destination-nav_on">旅欧旅</div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="destination-nav">
                    <div class="destination-nav_no">旅欧</div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="destination-nav">
                    <div class="destination-nav_no">旅欧</div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="destination-nav">
                    <div class="destination-nav_no">旅欧</div>
                </div>
            </div>
            <div class="swiper-slide">
                <div class="destination-nav">
                    <div class="destination-nav_no">旅欧</div>
                </div>
            </div>
        </div>
    </div>
    <div class="destination-list">
        <div class="weui-flex weui-flex__col3">
            <a href="retail.html" class="weui-flex__item">
                <div class="weui-flex__col3__style1">
                    <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                    <p>法国</p>
                </div>
            </a>
            <a href="retail.html" class="weui-flex__item">
                <div class="weui-flex__col3__style1">
                    <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-357-m.jpg">
                    <p>澳洲</p>
                </div>
            </a>
            <a href="retail.html" class="weui-flex__item">
                <div class="weui-flex__col3__style1">
                    <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                    <p>法国</p>
                </div>
            </a>
        </div>
        <div class="weui-flex weui-flex__col3">
            <a href="retail.html" class="weui-flex__item">
                <div class="weui-flex__col3__style1">
                    <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                    <p>法国</p>
                </div>
            </a>
            <a href="retail.html" class="weui-flex__item">
                <div class="weui-flex__col3__style1">
                    <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                    <p>法国</p>
                </div>
            </a>
            <a href="retail.html" class="weui-flex__item">
                <div class="weui-flex__col3__style1">
                    <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                    <p>法国</p>
                </div>
            </a>
        </div>
        <div class="weui-flex weui-flex__col3">
            <a href="retail.html" class="weui-flex__item">
                <div class="weui-flex__col3__style1">
                    <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                    <p>法国</p>
                </div>
            </a>
            <a href="retail.html" class="weui-flex__item">
                <div class="weui-flex__col3__style1">
                    <img src="http://m.vtrcdn.com/MBL_4.77.0.4-20180111/assets/images/top-dest/top-10-479-m.jpg">
                    <p>法国</p>
                </div>
            </a>
            <a href="retail.html" class="weui-flex__item">
            </a>
        </div>
    </div>
</div>
</body>
</html>

<script src="resource/js/zepto.js"></script>
<script src="resource/js/fastclick.js"></script>
<script src="resource/js/common.js"></script>
<script src="resource/js/vj-weui.js"></script>
<script src="resource/js/swiper.js"></script>

<script>
    $(function () {
        $(".swiper-container").swiper({
            slidesPerView: 3.5,
            loopedSlides: 8,
            freeMode: true,
            freeModeMomentumBounce: false

        });
    });
</script>